<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="webkit" name="renderer">
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="telephone=no" name="format-detection">
    <title>首页 - Blog</title>
    <link href="./static/layui/css/layui.css" rel="stylesheet">
    <link href="./static/css/common.css" rel="stylesheet">
</head>
<body>
<header class="layui-bg-cyan">
    <nav class="layui-container">
        <div class="layui-row">
            <div class="layui-col-md2 logo">
                <a href="javascript:;"><img src="./static/images/logo.png"></a>
            </div>
            <div class="layui-col-md8 layui-hide-xs">
                <ul class="layui-nav layui-bg-cyan">
                    <li class="layui-nav-item layui-this">
                        <a href="index.html">首页</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="caty.html?type=JAVA基础">JAVA基础</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="caty.html?type=数据库">数据库</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="caty.html?type=JSP">JSP</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="caty.html?type=框架">框架</a>
                    </li>
                </ul>
            </div>
            <div class="layui-col-md2 layui-hide-xs userinfoBox">
                <ul class="layui-nav layui-bg-cyan">
                    <li class="layui-nav-item" lay-unselect="">
                        <a href="javascript:;"><img class="layui-nav-img" src="static/images/user01.png"></a>
                        <dl class="layui-nav-child">

                            <dd><a href="login.html">退出</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</header>
<div class="layui-container">
    <div class="layui-row layui-col-space20">
        <div class="layui-col-md8">
            <div class="layui-row">
                <div class="layui-col-md12">
                    <div class="layui-carousel" id="carousel">
                        <div carousel-item>
                            <div><img alt="" src="static/images/carousel -1.jpg"></div>
                            <div><img alt="" src="static/images/carousel -2.jpg"></div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12 margin20"></div>
                <div class="layui-col-md12">
                    <div id="topContect"></div>
                    <!--div class="main zdbox">
                        <div class="subject"><b>[置顶]</b><a href="detail.html" title="用SSM框架制作一个博客网站（响应式模板）">用SSM框架制作一个博客网站（响应式模板）</a><em>2022-12-12
                            11:53:24 发布</em></div>
                        <div class="content">我是熊五，风格迥异的四个我，有着不同的个性，不同的人格，甚至不同的职业。
                            行险解秘专注探险的我，朝阳蓬勃酷爱嘻哈的我，精工巧匠专注纹身的我，文墨生花文艺气息满满的我。
                            亦是我，亦非我，我是不一样的烟火。
                        </div>
                    </div>-->
                </div>

                <!--<div  class="layui-col-md12 margin20"></div>
                <div class="layui-col-md12">
                    <div class="main list">
                        <div class="subject"><a href="caty.html?type=javabase" class="caty">[JAVA基础]</a><a href="detail.html"
                                                                                             title="用SSM框架制作一个博客网站（响应式模板）">用SSM框架制作一个博客网站（响应式模板）</a><em>2022-12-12
                            11:53:24 发布</em></div>
                        <div class="content layui-row">
                            <div class="layui-col-md4 list-img">
                                <a href="javascript:;"><img src="./static/images/list_img.png"></a>
                            </div>
                            <div class="layui-col-md8">
                                <div class="list-text">用SSM框架制作一个博客网站（响应式模板），我是熊五，风格迥异的四个我，有着不同的个性，不同的人格，甚至不同的职业。
                                    行险解秘专注探险的我，朝阳蓬勃酷爱嘻哈的我，精工巧匠专注纹身的我，文墨生花文艺气息满满的我。
                                    亦是我，亦非我，我是不一样的烟火。
                                </div>
                                <div class="list-stat layui-row">

                                    <div class="layui-col-xs3 layui-col-md3 Label">
                                        <i class="layui-icon layui-icon-note"></i>
                                        <a href="caty.html?type=javabase">JAVA基础</a>

                                    </div>
                                    <div class="layui-col-xs3 layui-col-md3">
                                        <i class="layui-icon layui-icon-read"></i>
                                        <em>12次阅读</em>
                                    </div>

                                    <div class="layui-col-xs3 layui-col-md3 alink">
                                        <a href="detail.html" class="layui-btn layui-btn-xs">阅读原文</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12 margin20"></div>
                <div class="layui-col-md12">
                    <div class="main list">
                        <div class="subject"><a href="caty.html?type=javabase" class="caty">[JAVA基础]</a><a href="detail.html"
                                                                                             title="用SSM框架制作一个博客网站（响应式模板）">用SSM框架制作一个博客网站（响应式模板）</a><em>2022-12-12
                            11:53:24 发布</em></div>
                        <div class="content layui-row">
                            <div class="layui-col-md4 list-img">
                                <a href="javascript:;"><img src="./static/images/list_img.png"></a>
                            </div>
                            <div class="layui-col-md8">
                                <div class="list-text">用SSM框架制作一个博客网站（响应式模板），我是熊五，风格迥异的四个我，有着不同的个性，不同的人格，甚至不同的职业。
                                    行险解秘专注探险的我，朝阳蓬勃酷爱嘻哈的我，精工巧匠专注纹身的我，文墨生花文艺气息满满的我。
                                    亦是我，亦非我，我是不一样的烟火。
                                </div>
                                <div class="list-stat layui-row">

                                    <div class="layui-col-xs3 layui-col-md3 Label">
                                        <i class="layui-icon layui-icon-note"></i>
                                        <a href="caty.html?type=javabase">JAVA基础</a>

                                    </div>
                                    <div class="layui-col-xs3 layui-col-md3">
                                        <i class="layui-icon layui-icon-read"></i>
                                        <em>12次阅读</em>
                                    </div>

                                    <div class="layui-col-xs3 layui-col-md3 alink">
                                        <a href="detail.html" class="layui-btn layui-btn-xs">阅读原文</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12 margin20"></div>
                <div class="layui-col-md12">
                    <div class="main list">
                        <div class="subject"><a href="caty.html?type=javabase" class="caty">[JAVA基础]</a><a href="detail.html"
                                                                                             title="用SSM框架制作一个博客网站（响应式模板）">用SSM框架制作一个博客网站（响应式模板）</a><em>2022-12-12
                            11:53:24 发布</em></div>
                        <div class="content layui-row">
                            <div class="layui-col-md4 list-img">
                                <a href="javascript:;"><img src="./static/images/list_img.png"></a>
                            </div>
                            <div class="layui-col-md8">
                                <div class="list-text">用SSM框架制作一个博客网站（响应式模板），我是熊五，风格迥异的四个我，有着不同的个性，不同的人格，甚至不同的职业。
                                    行险解秘专注探险的我，朝阳蓬勃酷爱嘻哈的我，精工巧匠专注纹身的我，文墨生花文艺气息满满的我。
                                    亦是我，亦非我，我是不一样的烟火。
                                </div>
                                <div class="list-stat layui-row">

                                    <div class="layui-col-xs3 layui-col-md3 Label">
                                        <i class="layui-icon layui-icon-note"></i>
                                        <a href="caty.html?type=javabase">JAVA基础</a>

                                    </div>
                                    <div class="layui-col-xs3 layui-col-md3">
                                        <i class="layui-icon layui-icon-read"></i>
                                        <em>12次阅读</em>
                                    </div>

                                    <div class="layui-col-xs3 layui-col-md3 alink">
                                        <a href="detail.html" class="layui-btn layui-btn-xs">阅读原文</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12 margin20"></div>
                <div class="layui-col-md12">
                    <div class="main list">
                        <div class="subject"><a href="caty.html?type=javabase" class="caty">[JAVA基础]</a><a href="detail.html"
                                                                                             title="用SSM框架制作一个博客网站（响应式模板）">用SSM框架制作一个博客网站（响应式模板）</a><em>2022-12-12
                            11:53:24 发布</em></div>
                        <div class="content layui-row">
                            <div class="layui-col-md4 list-img">
                                <a href="javascript:;"><img src="./static/images/list_img.png"></a>
                            </div>
                            <div class="layui-col-md8">
                                <div class="list-text">用SSM框架制作一个博客网站（响应式模板），我是熊五，风格迥异的四个我，有着不同的个性，不同的人格，甚至不同的职业。
                                    行险解秘专注探险的我，朝阳蓬勃酷爱嘻哈的我，精工巧匠专注纹身的我，文墨生花文艺气息满满的我。
                                    亦是我，亦非我，我是不一样的烟火。
                                </div>
                                <div class="list-stat layui-row">

                                    <div class="layui-col-xs3 layui-col-md3 Label">
                                        <i class="layui-icon layui-icon-note"></i>
                                        <a href="caty.html?type=javabase">JAVA基础</a>

                                    </div>
                                    <div class="layui-col-xs3 layui-col-md3">
                                        <i class="layui-icon layui-icon-read"></i>
                                        <em>12次阅读</em>
                                    </div>

                                    <div class="layui-col-xs3 layui-col-md3 alink">
                                        <a href="detail.html" class="layui-btn layui-btn-xs">阅读原文</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12 margin20"></div>
                <div class="layui-col-md12">
                    <div class="main list">
                        <div class="subject"><a href="caty.html?type=javabase" class="caty">[JAVA基础]</a><a href="detail.html"
                                                                                             title="用SSM框架制作一个博客网站（响应式模板）">用SSM框架制作一个博客网站（响应式模板）</a><em>2022-12-12
                            11:53:24 发布</em></div>
                        <div class="content layui-row">
                            <div class="layui-col-md4 list-img">
                                <a href="javascript:;"><img src="./static/images/list_img.png"></a>
                            </div>
                            <div class="layui-col-md8">
                                <div class="list-text">用SSM框架制作一个博客网站（响应式模板），我是熊五，风格迥异的四个我，有着不同的个性，不同的人格，甚至不同的职业。
                                    行险解秘专注探险的我，朝阳蓬勃酷爱嘻哈的我，精工巧匠专注纹身的我，文墨生花文艺气息满满的我。
                                    亦是我，亦非我，我是不一样的烟火。
                                </div>
                                <div class="list-stat layui-row">

                                    <div class="layui-col-xs3 layui-col-md3 Label">
                                        <i class="layui-icon layui-icon-note"></i>
                                        <a href="caty.html?type=javabase">JAVA基础</a>

                                    </div>
                                    <div class="layui-col-xs3 layui-col-md3">
                                        <i class="layui-icon layui-icon-read"></i>
                                        <em>12次阅读</em>
                                    </div>

                                    <div class="layui-col-xs3 layui-col-md3 alink">
                                        <a href="detail.html" class="layui-btn layui-btn-xs">阅读原文</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12 margin20"></div>
                <div class="layui-col-md12">
                    <div class="main list">
                        <div class="subject"><a href="caty.html?type=javabase" class="caty">[JAVA基础]</a><a href="detail.html"
                                                                                             title="用SSM框架制作一个博客网站（响应式模板）">用SSM框架制作一个博客网站（响应式模板）</a><em>2022-12-12
                            11:53:24 发布</em></div>
                        <div class="content layui-row">
                            <div class="layui-col-md4 list-img">
                                <a href="javascript:;"><img src="./static/images/list_img.png"></a>
                            </div>
                            <div class="layui-col-md8">
                                <div class="list-text">用SSM框架制作一个博客网站（响应式模板），我是熊五，风格迥异的四个我，有着不同的个性，不同的人格，甚至不同的职业。
                                    行险解秘专注探险的我，朝阳蓬勃酷爱嘻哈的我，精工巧匠专注纹身的我，文墨生花文艺气息满满的我。
                                    亦是我，亦非我，我是不一样的烟火。
                                </div>
                                <div class="list-stat layui-row">

                                    <div class="layui-col-xs3 layui-col-md3 Label">
                                        <i class="layui-icon layui-icon-note"></i>
                                        <a href="caty.html?type=javabase">JAVA基础</a>

                                    </div>
                                    <div class="layui-col-xs3 layui-col-md3">
                                        <i class="layui-icon layui-icon-read"></i>
                                        <em>12次阅读</em>
                                    </div>

                                    <div class="layui-col-xs3 layui-col-md3 alink">
                                        <a href="detail.html" class="layui-btn layui-btn-xs">阅读原文</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12 margin20"></div>
                <div class="layui-col-md12">
                    <div class="main list">
                        <div class="subject"><a href="caty.html?type=javabase" class="caty">[JAVA基础]</a><a href="detail.html"
                                                                                             title="用SSM框架制作一个博客网站（响应式模板）">用SSM框架制作一个博客网站（响应式模板）</a><em>2022-12-12
                            11:53:24 发布</em></div>
                        <div class="content layui-row">
                            <div class="layui-col-md4 list-img">
                                <a href="javascript:;"><img src="./static/images/list_img.png"></a>
                            </div>
                            <div class="layui-col-md8">
                                <div class="list-text">用SSM框架制作一个博客网站（响应式模板），我是熊五，风格迥异的四个我，有着不同的个性，不同的人格，甚至不同的职业。
                                    行险解秘专注探险的我，朝阳蓬勃酷爱嘻哈的我，精工巧匠专注纹身的我，文墨生花文艺气息满满的我。
                                    亦是我，亦非我，我是不一样的烟火。
                                </div>
                                <div class="list-stat layui-row">

                                    <div class="layui-col-xs3 layui-col-md3 Label">
                                        <i class="layui-icon layui-icon-note"></i>
                                        <a href="caty.html?type=javabase">JAVA基础</a>

                                    </div>
                                    <div class="layui-col-xs3 layui-col-md3">
                                        <i class="layui-icon layui-icon-read"></i>
                                        <em>12次阅读</em>
                                    </div>

                                    <div class="layui-col-xs3 layui-col-md3 alink">
                                        <a href="detail.html" class="layui-btn layui-btn-xs">阅读原文</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12 margin20"></div>
                <div class="layui-col-md12">
                    <div class="main list">
                        <div class="subject"><a href="caty.html?type=javabase" class="caty">[JAVA基础]</a><a href="detail.html"
                                                                                             title="用SSM框架制作一个博客网站（响应式模板）">用SSM框架制作一个博客网站（响应式模板）</a><em>2022-12-12
                            11:53:24 发布</em></div>
                        <div class="content layui-row">
                            <div class="layui-col-md4 list-img">
                                <a href="javascript:;"><img src="./static/images/list_img.png"></a>
                            </div>
                            <div class="layui-col-md8">
                                <div class="list-text">用SSM框架制作一个博客网站（响应式模板），我是熊五，风格迥异的四个我，有着不同的个性，不同的人格，甚至不同的职业。
                                    行险解秘专注探险的我，朝阳蓬勃酷爱嘻哈的我，精工巧匠专注纹身的我，文墨生花文艺气息满满的我。
                                    亦是我，亦非我，我是不一样的烟火。
                                </div>
                                <div class="list-stat layui-row">

                                    <div class="layui-col-xs3 layui-col-md3 Label">
                                        <i class="layui-icon layui-icon-note"></i>
                                        <a href="caty.html?type=javabase">JAVA基础</a>

                                    </div>
                                    <div class="layui-col-xs3 layui-col-md3">
                                        <i class="layui-icon layui-icon-read"></i>
                                        <em>12次阅读</em>
                                    </div>

                                    <div class="layui-col-xs3 layui-col-md3 alink">
                                        <a href="detail.html" class="layui-btn layui-btn-xs">阅读原文</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12 margin20"></div>
                <div class="layui-col-md12">
                    <div class="main list">
                        <div class="subject"><a href="caty.html?type=javabase" class="caty">[JAVA基础]</a><a href="detail.html"
                                                                                             title="用SSM框架制作一个博客网站（响应式模板）">用SSM框架制作一个博客网站（响应式模板）</a><em>2022-12-12
                            11:53:24 发布</em></div>
                        <div class="content layui-row">
                            <div class="layui-col-md4 list-img">
                                <a href="javascript:;"><img src="./static/images/list_img.png"></a>
                            </div>
                            <div class="layui-col-md8">
                                <div class="list-text">用SSM框架制作一个博客网站（响应式模板），我是熊五，风格迥异的四个我，有着不同的个性，不同的人格，甚至不同的职业。
                                    行险解秘专注探险的我，朝阳蓬勃酷爱嘻哈的我，精工巧匠专注纹身的我，文墨生花文艺气息满满的我。
                                    亦是我，亦非我，我是不一样的烟火。
                                </div>
                                <div class="list-stat layui-row">

                                    <div class="layui-col-xs3 layui-col-md3 Label">
                                        <i class="layui-icon layui-icon-note"></i>
                                        <a href="caty.html?type=javabase">JAVA基础</a>

                                    </div>
                                    <div class="layui-col-xs3 layui-col-md3">
                                        <i class="layui-icon layui-icon-read"></i>
                                        <em>12次阅读</em>
                                    </div>

                                    <div class="layui-col-xs3 layui-col-md3 alink">
                                        <a href="detail.html" class="layui-btn layui-btn-xs">阅读原文</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12 margin20"></div>
                <div class="layui-col-md12">
                    <div class="main list">
                        <div class="subject"><a href="caty.html?type=javabase" class="caty">[JAVA基础]</a><a href="detail.html"
                                                                                             title="用SSM框架制作一个博客网站（响应式模板）">用SSM框架制作一个博客网站（响应式模板）</a><em>2022-12-12
                            11:53:24 发布</em></div>
                        <div class="content layui-row">
                            <div class="layui-col-md4 list-img">
                                <a href="javascript:;"><img src="./static/images/list_img.png"></a>
                            </div>
                            <div class="layui-col-md8">
                                <div class="list-text">用SSM框架制作一个博客网站（响应式模板），我是熊五，风格迥异的四个我，有着不同的个性，不同的人格，甚至不同的职业。
                                    行险解秘专注探险的我，朝阳蓬勃酷爱嘻哈的我，精工巧匠专注纹身的我，文墨生花文艺气息满满的我。
                                    亦是我，亦非我，我是不一样的烟火。
                                </div>
                                <div class="list-stat layui-row">

                                    <div class="layui-col-xs3 layui-col-md3 Label">
                                        <i class="layui-icon layui-icon-note"></i>
                                        <a href="caty.html?type=javabase">JAVA基础</a>

                                    </div>
                                    <div class="layui-col-xs3 layui-col-md3">
                                        <i class="layui-icon layui-icon-read"></i>
                                        <em>12次阅读</em>
                                    </div>

                                    <div class="layui-col-xs3 layui-col-md3 alink">
                                        <a href="detail.html" class="layui-btn layui-btn-xs">阅读原文</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>-->
                <div id="blog"></div>
                <div class="layui-col-md12 margin20"></div>
                <div class="layui-col-md12" id="pages"></div>
            </div>
        </div>
        <div class="layui-col-md4">
            <div class="layui-row">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">
								<span class="layui-breadcrumb" lay-separator="|">
									<a href="javascript:void(0);">联系站长</a>
								</span>
                        </div>
                        <div class="layui-card-body" id="binfo">
                            <table class="layui-table">
                                <colgroup>
                                    <col width="120">
                                    <col width="230">
                                </colgroup>
                                <tbody>
                                <tr>
                                    <td>QQ号：</td>
                                    <td>3148875048</td>
                                </tr>
                                <tr>
                                    <td>微信号：</td>
                                    <td>18543441851</td>
                                </tr>
                                <tr>
                                    <td>qq群号：</td>
                                    <td>123456</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12 margin20"></div>
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">
								<span>
									热门文章
								</span>
                        </div>
                        <div class="layui-card-body">
                            <table class="layui-table" lay-skin="nob">
                                <tbody id="t1">
                                <tr>
                                    <td><a href="detail.html">用SSM框架制作一个博客网站（响应式模板）</a></td>
                                </tr>
                                <tr>
                                    <td><a href="detail.html">用SSM框架制作一个博客网站（响应式模板）</a></td>
                                </tr>
                                <tr>
                                    <td><a href="detail.html">用SSM框架制作一个博客网站（响应式模板）</a></td>
                                </tr>
                                <tr>
                                    <td><a href="detail.html">用SSM框架制作一个博客网站（响应式模板）</a></td>
                                </tr>
                                <tr>
                                    <td><a href="detail.html">用SSM框架制作一个博客网站（响应式模板）</a></td>
                                </tr>
                                <tr>
                                    <td><a href="detail.html">用SSM框架制作一个博客网站（响应式模板）</a></td>
                                </tr>
                                <tr>
                                    <td><a href="detail.html">用SSM框架制作一个博客网站（响应式模板）</a></td>
                                </tr>
                                <tr>
                                    <td><a href="detail.html">用SSM框架制作一个博客网站（响应式模板）</a></td>
                                </tr>
                                <tr>
                                    <td><a href="detail.html">用SSM框架制作一个博客网站（响应式模板）</a></td>
                                </tr>
                                <tr>
                                    <td><a href="detail.html">用SSM框架制作一个博客网站（响应式模板）</a></td>
                                </tr>
                                <tr>
                                    <td><a href="detail.html">用SSM框架制作一个博客网站（响应式模板）</a></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12 margin20"></div>
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">
								<span>
									捐助本站
								</span>
                        </div>
                        <div class="layui-card-body" style="text-align: center;">
                            <img src="static/images/qr.png" style="display: inline-block;">
                            <br/>
                            <p>无论多少，都是心意!</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 尾部 -->
<div class="footer"></div>
<footer class="layui-bg-cyan">
    <div class="layui-container">
        <div class="layui-row">
        </div>
    </div>
</footer>
</body>
<script src="./static/layui/layui.all.js"></script>
<script src="./static/js/jquery-1.12.4.min.js"></script>

<script>
    layui.carousel.render({
        elem: '#carousel'
        , width: '100%' //设置容器宽度
        , arrow: 'always' //始终显示箭头
        //,anim: 'updown' //切换动画方式
    });
    layui.laypage.render({
        elem: 'pages', //注意，这里的 pages 是 ID，不用加 # 号
        count: 123, //数据总数，从服务端得到
        limit: 10,   //每页条数设置
        jump: function (obj, first) {
            //obj包含了当前分页的所有参数，比如：
            console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            console.log(obj.limit); //得到每页显示的条数
            page = obj.curr;  //改变当前页码
            limit = obj.limit;
            //首次不执行
            if (!first) {
                alert('加载数据');
            }
        }
    });


</script>
<script src="./static/js/jquery-1.8.3%20.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {

        /*获取根据点击次数查询返回的result对象*/
        $.get("Blog/showBlogTextByClickNumber", function (rs) {/*rs-----ResultObject*/
            /*清空 id为 t1 的 tbody*/
            $("[id='t1']").empty();
            /*定义一个变量接收ResultObject中的result对象*/
            var result = rs.result;


            /*将接收到的result对象，循环遍历到已清空的tbody中*/
            for (let i = 0; i < result.length; i++) {
                $(" <tr>\n" +
                    "<td name='paul1' id='" + result[i].blogid + "'><a href=\"detail.html\">" + result[i].title + "</a></td>\n" +
                    "</tr>").appendTo("[id='t1']")

            }
        });

        $(document).on('click', '[name="paul1"]', function (event) {
            var id = $(this).attr("id");
            localStorage.setItem("resultid", id);
            window.location.href = "detail.html";

            $.get("Blog/changeClickNumber", {"blogid": id}, function () {
            });
        });

    });

    $(document).ready(function () {
        $.get("Top/showTop", function (results) {
            $("#topContect").empty();
            for (var i = 0; i < results.length; i++) {
                $("<div class=\"main zdbox\">\n" +
                    "                        <div class=\"subject\"><b>[置顶]</b><a name='paul2' id='" + results[i].blogid + "'  href=\"detail.html\" title=\"用SSM框架制作一个博客网站（响应式模板）\">" + results[i].title + "</a><em>" + results[i].posttime + "\n" +
                    "                             发布</em></div>\n" +
                    "                        <div class=\"content\">" + results[i].detail + "\n" +
                    "                        </div>\n" +
                    "                    </div>").appendTo("#topContect")
            }
        });
    });
    $(document).on('click', '[name="paul2"]', function (event) {
        var id = $(this).attr("id");
        localStorage.setItem("resultid", id);
        window.location.href = "detail.html";
    });


    $(document).ready(function () {
        $.get("Blog/count", function (count) {
            s = count;
            layui.laypage.render({
                elem: 'pages', //注意，这里的 pages 是 ID，不用加 # 号
                count: s, //数据总数，从服务端得到
                limit: 5,   //每页条数设置
                jump: function (obj, first) {
                    //obj包含了当前分页的所有参数，比如：
                    page = obj.curr;  //改变当前页码
                    limit = obj.limit;
                    var page = obj.curr;
                    $.get("Blog/showAll", {"page": page}, function (blogs) {
                        $("#blog").empty();
                        for (var i = 0; i < blogs.length; i++) {
                            $("<div class=\"layui-col-md12 margin20\"></div>\n" +
                                "                <div class=\"layui-col-md12\">\n" +
                                "                    <div class=\"main list\">\n" +
                                "                        <div class=\"subject\"><a href=\"caty.html?type=javabase\" class=\"caty\">" + '[' + blogs[i].type + ']' + "</a><a href=\"detail.html\"\n" +
                                "                                                                                             title=\"用SSM框架制作一个博客网站（响应式模板）\">" + blogs[i].title + "</a><em>" + blogs[i].posttime + "\n" +
                                "                             发布</em></div>\n" +
                                "                        <div class=\"content layui-row\">\n" +
                                "                            <div class=\"layui-col-md4 list-img\">\n" +
                                "                                <a href=\"javascript:;\"><img src=\"./static/images/list_img.png\"></a>\n" +
                                "                            </div>\n" +
                                "                            <div class=\"layui-col-md8\">\n" +
                                "                                <div class=\"list-text\">" + blogs[i].detail + "\n" +
                                "                                </div>\n" +
                                "                                <div class=\"list-stat layui-row\">\n" +
                                "\n" +
                                "                                    <div class=\"layui-col-xs3 layui-col-md3 Label\">\n" +
                                "                                        <i class=\"layui-icon layui-icon-note\"></i>\n" +
                                "                                        <a href=\"caty.html?type=javabase\">" + blogs[i].type + "</a>\n" +
                                "\n" +
                                "                                    </div>\n" +
                                "                                    <div class=\"layui-col-xs3 layui-col-md3\">\n" +
                                "                                        <i class=\"layui-icon layui-icon-read\"></i>\n" +
                                "                                        <em>" + blogs[i].clicknumber + "</em>\n" +
                                "                                    </div>\n" +
                                "\n" +
                                "                                    <div class=\"layui-col-xs3 layui-col-md3 alink\">\n" +
                                "                                        <a href=\"detail.html\" name='paul2' id='" + blogs[i].blogid + "' class=\"layui-btn layui-btn-xs\">阅读原文</a>\n" +
                                "                                    </div>\n" +
                                "                                </div>\n" +
                                "                            </div>\n" +
                                "                        </div>\n" +
                                "                    </div>\n" +
                                "                </div>").appendTo("#blog");
                        }
                    });
                }
            });
        });
    });
</script>
</html>